<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>Document</title>
	</head>

	<body>
		<header>
			<div id="four" class="active">个人动态</div>

			<button id="add" class="cirle">添加+</button>
		</header>
		<main>
			<div class="area">
				<ul class="userDynamic">
					<li>
						<div class="seem">
							<span class="userAddress">
								<span>用户名</span><br />
								<span>xx省,xx市</span>
							</span>
							<div class="plus">+关注</div>
						</div>
						<!-- 动态内容 -->
						<div class="textArea">
							有这么一句话:生命在于运动."没错,运动不但可以锻炼我们的身体,还能充实我们的生活,愉悦我们的的心情.我最喜欢的一项运动就是晨跑
							<span>...全部</span>
						</div>
						<ul class="imgList">
							<li>
								<img src="#" alt="" />
							</li>
							<!-- <li>
								<img src="../../assets/imgs/mybadge01.jpg" alt="" />
							</li>
							<li>
								<img src="../../assets/imgs/mybadge01.jpg" alt="" />
							</li>
							<li>
								<img src="../../assets/imgs/mybadge01.jpg" alt="" />
							</li>
							<li>
								<img src="../../assets/imgs/mybadge01.jpg" alt="" />
							</li>
							<li>
								<img src="../../assets/imgs/mybadge01.jpg" alt="" />
							</li>
							<li>
								<img src="../../assets/imgs/mybadge01.jpg" alt="" />
							</li>
							<li>
								<img src="../../assets/imgs/mybadge01.jpg" alt="" />
							</li> -->
						</ul>
						<!-- 点赞评论 -->
						<div class="good">
							<span>4小时之前</span>
							<span class="likeArea">
								<span class="praise"><span class="praiseIcon"></span></span>
								<span class="discuss"><span class="discussIcon"></span></span>
							</span>
						</div>
					</li>
				</ul>
				<ul class="userDynamic">
					<li>
						<div class="seem">
							<span class="userAddress">
								<span>用户名</span><br />
								<span>xx省,xx市</span>
							</span>
							<div class="plus ac">已关注</div>
						</div>
						<!-- 动态内容 -->
						<div class="textArea">
							有这么一句话:生命在于运动."没错,运动不但可以锻炼我们的身体,还能充实我们的生活,愉悦我们的的心情.我最喜欢的一项运动就是晨跑
							<span>...全部</span>
						</div>
						<!-- 动态内容 -->
						<ul class="imgList">
							<li>
								<img src="../../assets/imgs/mybadge01.jpg" alt="" />
							</li>
							<li>
								<img src="../../assets/imgs/mybadge01.jpg" alt="" />
							</li>
							<li>
								<img src="../../assets/imgs/mybadge01.jpg" alt="" />
							</li>
							<li>
								<img src="../../assets/imgs/mybadge01.jpg" alt="" />
							</li>
							<li>
								<img src="../../assets/imgs/mybadge01.jpg" alt="" />
							</li>
							<li>
								<img src="../../assets/imgs/mybadge01.jpg" alt="" />
							</li>
						</ul>
						点赞评论
						<div class="good">
							<span>4小时之前</span>
							<span class="likeArea">
								<span class="praise"><span class="praiseIcon"></span></span>
								<span class="discuss"><span class="discussIcon"></span></span>
							</span>
						</div>
					</li>
				</ul>
				<ul class="userDynamic">
					<li>
						<div class="seem">
							<span class="userAddress">
								<span>用户名</span><br />
								<span>xx省,xx市</span>
							</span>
							<div class="plus ac">已关注</div>
						</div>
						<!-- 动态内容 -->
						<div class="textArea">
							有这么一句话:生命在于运动."没错,运动不但可以锻炼我们的身体,还能充实我们的生活,愉悦我们的的心情.我最喜欢的一项运动就是晨跑
							<span>...全部</span>
						</div>
						<!-- 动态内容 -->
						<ul class="imgList">
							<li>
								<img src="../../assets/imgs/mybadge01.jpg" alt="" />
							</li>
							<li>
								<img src="../../assets/imgs/mybadge01.jpg" alt="" />
							</li>
							<li>
								<img src="../../assets/imgs/mybadge01.jpg" alt="" />
							</li>
							<li>
								<img src="../../assets/imgs/mybadge01.jpg" alt="" />
							</li>
							<li>
								<img src="../../assets/imgs/mybadge01.jpg" alt="" />
							</li>
							<li>
								<img src="../../assets/imgs/mybadge01.jpg" alt="" />
							</li>
						</ul>
						<!-- 点赞评论 -->
						<div class="good">
							<span>4小时之前</span>
							<span class="likeArea">
								<span class="praise"><span class="praiseIcon"></span></span>
								<span class="discuss"><span class="discussIcon"></span></span>
							</span>
						</div>
					</li>
				</ul>
			</div>
		</main>
	</body>
</html>
